/* *
   @tabCard : 选项卡
 * @param {*} menuClassName  : 选项卡菜单的类选择器
 * @param {*} textClassName  : 选项卡内容的类选择器
*/

function tabCard(menuClassName, tabContentName) {
  let menu = document.querySelectorAll(menuClassName);
  let tabContent = document.querySelectorAll(tabContentName);

  //定义变量保存上一个菜单的索引
  let index = 0;

  menu.forEach(function (v, i) {
    v.addEventListener("click", function () {
      // console.log(1);

      //先清除上一个菜单，账号登录的激活样式
      menu[index].className = "";
      tabContent[index].style.display = "none"; //隐藏账号登录内容

      //给当前添加激活样式
      this.className = "active";
      tabContent[i].style.display = "block"; //一激活就显示内容
      // console.log(tabContent[i]);

      //将当前菜单的索引赋值给index
      index = i;
    });
  });
}

module.exports = {
  tabCard,
};
